<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/index2.css">
    <script src="js/flexible.js"></script>
</head>

<body>
    <!-- 头部 -->

    <div class="header">
        <div class="header-icon">
            &#xe606;
        </div>
        <div class="header-search">
            <input type="text " placeholder="榨汁机家用">
        </div>
        <div class="logoin">
            <div class="login-w">
                <img src="images/dd.png" alt="">
            </div>
        </div>
    </div>
    <!-- home -->
    <div class="home">
        <div class="nav">
            <ul>
                <li>
                    <a href="#" class="t1">热门推荐</a>
                </li>
                <li>
                    <a href="#">热门推荐</a>
                </li>
                <li>
                    <a href="#">热门推荐</a>
                </li>
                <li>
                    <a href="#">热门推荐</a>
                </li>
                <li>
                    <a href="#">热门推荐</a>
                </li>
                <li>
                    <a href="#">热门推荐</a>
                </li>
                <li>
                    <a href="#">热门推荐</a>
                </li>
                <li>
                    <a href="#">热门推荐</a>
                </li>
                <li>
                    <a href="#">热门推荐</a>
                </li>
                <li>
                    <a href="#">热门推荐</a>
                </li>
                <li>
                    <a href="#">热门推荐</a>
                </li>

                <li>
                    <a href="#">热门推荐</a>
                </li>
                <li>
                    <a href="#">热门推荐</a>
                </li>

                <li>
                    <a href="#">热门推荐</a>
                </li>
                <li>
                    <a href="#">热门推荐</a>
                </li>


            </ul>
        </div>
        <div class="hot">
            <div class="hotsell">
                <a href="#"><img src="images/libao.png" alt=""></a>
            </div>
            <div class="box">
                <div class="hotm">
                    <h4>热门分类</h4>
                    <span>排行榜</span>
                </div>
                <div class="hotlist">
                    <ul>
                        <li>
                            <a href="#">
                                <img src="images/shouji2.png" alt="">
                            </a>
                            <p>手机</p>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/shouji2.png" alt="">
                            </a>
                            <p>手机</p>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/shouji2.png" alt="">
                            </a>
                            <p>手机</p>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/shouji2.png" alt="">
                            </a>
                            <p>手机</p>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/shouji2.png" alt="">
                            </a>
                            <p>手机</p>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/shouji2.png" alt="">
                            </a>
                            <p>手机</p>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/shouji2.png" alt="">
                            </a>
                            <p>手机</p>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/shouji2.png" alt="">
                            </a>
                            <p>手机</p>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/shouji2.png" alt="">
                            </a>
                            <p>手机</p>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/shouji2.png" alt="">
                            </a>
                            <p>手机</p>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/shouji2.png" alt="">
                            </a>
                            <p>手机</p>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/shouji2.png" alt="">
                            </a>
                            <p>手机</p>
                        </li>
                    </ul>
                </div>
            </div>


        </div>
    </div>

    <!-- foot -->
    <div class="foot">
        <div class="fx">
            <a href="#">
                <img src="images/tabbar1.png" alt="">
            </a>
        </div>
        <div class="fx">
            <a href="#">
                <img src="images/tabbar2.png" alt="">
            </a>
        </div>
        <div class="fx">
            <a href="#">
                <img src="images/tabbar3.png" alt="">
            </a>
        </div>
        <div class="fx">
            <a href="#">
                <img src="images/tabbar4.png" alt="">
            </a>
        </div>
        <div class="fx">
            <a href="#">
                <img src="images/tabbar5.png" alt="">
            </a>
        </div>
    </div>
</body>

</html>